//最初 小明(hjm) 写的样式,不要动
.detail-info {
    padding: 0.062rem 0 0 0.21rem;

    h1 {
        font-size: 0.16rem;
        color: #2cc57b;
        margin-top: 0;
        margin-bottom: 0.05rem;
        font-weight: normal;
    }
}

.detail-form {
    margin-top: 0.04rem;

    .detail-form-row {
        &:first-child {
            margin-bottom: 0.08rem;
        }

        &.text-left {
            &:first-child {
                margin-bottom: 0;
            }

            p {
                text-align: left;
                min-width: 0;
                width: auto;
            }
        }

        display: -webkit-box;
        line-height: 0.28rem;
        font-size: 0.16rem;
        margin-right: 0.06rem;

        p {
            margin: 0;
            text-align: right;
            font-size: 0.16rem;
            line-height: .28rem;
            min-width: 0.8rem;
        }

        aside {
            -webkit-box-flex: 1.0;
            margin-right: 0.08rem;
        }

    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    height: 0.83rem;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
}

.swiper-slide {
    position: relative;
    float: left;
    height: 0.83rem;

    .swiper-activity-img {
        padding-right: 0.085rem;
        width: 1.13rem;
        height: 0.83rem;
        font-size: 0;

        img {
            width: 100%;
            height: 100%;
        }
    }
}

.revisit-alert {
    width: 3.01rem;
    height: 1.42rem;
    background-color: #fff;
    z-index: 10;
    padding: 0.09rem 0;
    -webkit-border-right: 0;

    p {
        margin: 0;
        line-height: 0.31rem;
        display: -webkit-box;

        span {
            color: #222;
            display: block;
            font-size: 0.15rem;

            &:first-child {
                -webkit-box-flex: 1.0;
                color: #666666;
                text-align: right;
                padding-right: 0.02rem;
            }
            &:last-child {
                width: 1.22rem;
            }
        }
    }
}

.task-processing-detail {
    padding: 0.37rem 0.23rem 0.7rem;

    .tpd-row {
        display: -webkit-box;
        margin-bottom: 0.47rem;
        font-size: 0.16rem;
        line-height: 0.17rem;

        p {
            margin: 0;
            font-size: 12px;
        }

        .tpd-left-con {
            -webkit-box-flex: 1.0;
            font-size: 0.14rem;

            i {
                position: absolute;
                width: 0.16rem;
                height: 0.16rem;
                background-color: #2cc57b;
                border: 0.03rem solid #c5c5c5;
                -webkit-border-radius: 99rem;

                &::after {
                    content: '';
                    position: absolute;
                    width: 0.027rem;
                    height: 0.505rem;
                    background-color: #c5c5c5;
                    margin-top: 0.12rem;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                }
            }
            .task-processing-name {
                //display: inherit;
                //width: 2.1rem;
                padding-left: 0.29rem;
                color: #222;
                padding-right: 0.05rem;
            }
        }
        &:last-child {
            margin-bottom: 0;

            .tpd-left-con {
                i {
                    &::after {
                        display: none;
                    }
                }
            }
        }
    }
}
